<!DOCTYPE html>
<html>
<head>
	<title>Public Stock Ticker and Selection</title>
	<meta charset="utf-8"</meta>
	<link rel="stylesheet" type="text/css" href="mashsheet.css">
	<script src="http://code.jquery.com/jquery-latest.js"></script>
	<div id="headerdiv">Diversified Stocks and Securities</b>
	   <div id="imagediv">
	      <img id="cnnimg" src="cnn.jpg" alt="Sorry" height="80" width="140"/img>
	      <img id="appleimg" src="apple.jpg" alt="No Apple" height="100" width="120"/img>
		  <img id="microimg" src="microsoft.jpg" alt="No Micro" height="100" width="150"/img>
		  <img id="amaimg" src="amazon.jpg" alt="No amazon" height="70" width="200"/img>
		  <img id="nationimg" src="nationwide.jpg" alt="No nationwide" height="50" width="240"/img>
		  <img id="huntingtonimg" src="huntington.jpg" alt="No huntington" height="70" width="160"/img>
		  <img id="ciscoimg" src="cisco.gif" alt="No cisco" height="70" width="160"/img>
		  <img id="ibmimg" src="ibm.jpg" alt="No ibm" height="70" width="160"/img>
		</div>
	   <p id="headdescription"> - A quick and easy place to find up to date stock information about your favorite companies!</p>
	     </div>
</head>

<body>

<p>Enter the name of the stock you are interested in below and then click the submit button
     to get back a wealth of information including trades, gains, losses, and more.</b></p>
	 
<form id="stockInput">
Stock Name: <input type="text" id="stockTextBox">
<input type="submit" id="submitButton" value="Submit">
</form> 
</b>
<label id="stockLabel"></label>
<!--<script src="http://www.finance.yahoo.com/webservice/v1/symbols/GOOG/quote?=w3r_callback"></script>-->
<script>

var submitButton = document.getElementById("submitButton");
submitButton.addEventListener('click', actionPerformed, false);
var url = null
var request = null;
var xmlHttp = null;
function actionPerformed(e)
{
    
	var textValue = document.getElementById("stockTextBox").value;
	
	//tried to put to an element and then read the element value down below through concatenation in the src...
    document.getElementById("stockLabel").innerHTML = textValue;
 }
 function myCallBack(data)
 {
   console.log(data);
 }
 


 
 
</script>

<script type="text/javascript" src="http://finance.yahoo.com/webservice/v1/symbols/allcurrencies/quote?format=json&callback=myCallBack"></script>
</body>
</html>
